<style lang="less" scoped>
	.search {
		z-index: 999;
		position: relative;
		top: 0;
		width: 100%;
	}
</style>
<template>
	<div class="search">
		<view class="cu-bar search">
			<view class="search-form round">
				<text class="cuIcon-search"></text>
				<input type="text" placeholder="输入搜索的关键词" confirm-type="搜索" @confirm="toSearch"/>
			</view>
		</view>
	</div>
</template>
<script type="text/javascript">
	/**
	 * Created by PhpStorm.
	 * User:  iyahe@qq.com (天明)
	 * Date: 2020/3/25 0025
	 * Time: 下午 19:03
	 * Description:
	 */
	export default {
		name: 'search',
		data() {
			return {}
		},
		computed: {},
		watch: {},
		components: {},
		methods: {
			toSearch(event){
				const keyword = event.detail.value;
				this.$emit('search', keyword);
			}
		},
		created() {},
		mounted() {}
	}
</script>
